<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			
			._content{
				width: 210px;
				height: 400px;
				border: 1px solid #EEEEF2;
				margin: auto;
			}
			._top{
				background-color: gainsboro;		
			}
			
			._picture{
				width: 180px;
				height: 180px;
				border: 1px solid gainsboro;
				margin: 15px 15px;
				
			}
			
			._photo{
				width: 175px;
				height: 175px;
				border-style: ridge;
				border-radius: 20px; 
			}
			
			._name{
				margin: 10px 65px;
			}
			
			._message{
				width: 40px;
				height: 20px;
			}
			
			._vip{
				width: 20px;
				height: 20px;
			}
			
			._name input{
				height: 25px;
				width: 70px;
				text-align: center;
				background-image:url("img/vb.jpg");
				background-repeat:no-repeat;
				background-color:#EEEEF2;
				outline-style:none;
			}
			
			._name div{
				margin-bottom: 5px;
			}
			
			/*虚线效果*/
			._line{
				border-style: dashed;
				color: gainsboro;
			}
			/*按钮位置*/
			._button_set{
				margin: 20px 50px;
			}
			
		</style>
	</head>
	<body>
		<div class="_content">
			<div class="_top">
				个人资料
			</div>
			
			<div class="_picture">
				<img src="img/background.jpg" class="_photo" />
			</div>
			
			<div class="_name">
				<div>
					温昱辞
					<img src="img/v7.png" class="_vip" />
				</div>
				<input type="button" value="微博"/>
			</div>
			
			<hr class="_line" />
			
			<div class="_button_set">
				<input type="button" value="加好友"/>
				<input type="button" value="发纸条"/>
				<br />
				<input type="button" value="写留言"/>
				<input type="button" value="加关注"/>
			</div>
		</div>
	</body>
</html>
